<template>
  <div class="Recommend">
    <div>首页</div>
    <li v-for="item in albums" :key="item.id">
      <router-link :to="'/album?id=' + item.id">
        <div>
          <img :src="item.pic" alt="" />
          <div>
            {{ item.title }}
          </div>
        </div>
      </router-link>
    </li>
  </div>
</template>

<script setup>
import useRecommend from './useRecommend'
const { albums } = useRecommend()
</script>
<style>
.Recommend {
  width: 100%;
  overflow: hidden;
}
</style>
